var basePath = $('#basePath').val();	

function initPostHead(post) {
	 var postHead = '<div class="post__head">';
     var headImg = '<a href="#" class="post__head-img"><img src="' + basePath+'/'+ post.publishUserAvatar+'" alt=""></a>';
     postHead = postHead +headImg
    //<div class="post__head-title">
     var headAuthor = '<h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">'+post.publishUserName+'</font></font></a></h5>';
     var headTime = '<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">'+post.createTime+'</font></font></p>';
     var headTitle = '<div class="post__head-title">' + headAuthor + headTime+'</div>';   
      postHead = postHead +headTitle + '</div>';
      return postHead;
}

function initPostWrap(post) {
	var postWrap = '<div class="post__wrap"><div class="post__company"><i class="icon ion-ios-briefcase"></i> <span><font style="vertical-align: inherit;">';
	var font = '<font style="vertical-align: inherit;">' + post.publishDeptName+'</font>';
	return postWrap + font + '</font></span></div></div>';
}

function initPostTitle(post) {
	var postTitle = '<h2 class="post__title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">';
	postTitle = postTitle + post.resourceName + '</font></font></h2>';
	return postTitle;
}
function initDescription(post){
	var postDescription = '<div class="post__description"><p><font style="vertical-align: inherit;">';
	postDescription = postDescription + post.content+'</font></p>';
	var more = '<a href="'+basePath+'/resource/'+post.resourceId+'"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">查看更多</font></font></a>';
    postDescription = postDescription + more + '</div>';
	return postDescription;
}

function initPostTags(post){
	debugger;
	var postTags = '<div class="post__tags">';
	if(null != post.label){
		var tags = post.label.split(',');
		$.each(tags, function(i,one){
			postTags = postTags + '<a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">'+ one +'</font></font></a>';
		});
	}
	postTags = postTags + '</div>'; 
	return postTags;
}

function initPostStats(post){
	var postStats = '<div class="post__stats">';
	var postLikes = '<a class="post__likes" href="#"><i class="icon ion-ios-heart"></i><span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">'+post.storeNum+'</font></font></span></a>';
	var postComments = '<a class="post__comments" href="#"><i class="icon ion-ios-text"></i><span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">'+post.commentNum+'</font></font></span></a>';
    postStats = postStats + '<div>' + postLikes + postComments+'</div>';
    var postViews = '<i class="icon ion-ios-eye"></i> <span><font style="vertical-align: inherit;">'+post.browseNum+'</font></font></span>';
	postStats = postStats + '<div class="post__views">' + postViews + '</div></div>';
	return postStats;
}


function postInit(post){
	var nextPage = post.nextPage;
	$('#nextPage').val(nextPage);
	var postList = post.postList;
	if(null == postList || postList.length == 0) {
		alert('暂无最近记录！');
		return;
	}
	$.each(postList, function(i,one){     
      //one
     var postStr = '<div class="post">';
      postStr = postStr + initPostHead(one) + initPostWrap(one) + initPostTitle(one) + initDescription(one) + initPostTags(one) + initPostStats(one);
      postStr + '</div>';
      $('#postList').append(postStr);
     });   
	//$('#content').append(postStr);
	//查看更多
   }
   function requestPost(page){
	    var keys = $('#keys').val();
        var types = $('#types').val();
        var url = "resource/list?page=" + page;
        if(null != keys && '' != keys) {
	        url = url + "&keys=" + keys;
         }
       if(null != types) {
	        url = url + "&types=" + types;
         }
		requestHasBefore(url, "GET", null, function(){
			if(page == 1) {
				$('#postList').empty();
			}
		},function(result) {
		if (result.code = 200) {
			var post = result.result;
			postInit(
				{
					nextPage:page + 1,
					postList:post
			});
		} else{
			console.log("获取类型失败");
		}
   });
}
$(document).ready(function() {
	var page = 1;
	//获取最新资源列表
	//requestPost(page);
	 
	//固定每页5条 每次返回总条数
	/*var post = {
		nextPage : 1,
		postList : [{
			headImg : 'img/user8.jpg',
			createTime: '10分钟前',
			publishUserName: '约翰逊',
			userType: '个体户',
			resourceName: '资深Wordpress开发人员',
			resourceId: 1,
			content: 'LoremIpsum的段落有很多变体，<img src="img/user8.jpg" alt="">但是大多数都因注入幽默感或看起来有些难以置信的随机单词而以某种形式发生了变化LoremIpsum的段落有很多变体，但是大多数都因注入幽默感或看起来有些难以置信的随机单词而以某种形式发生了变化LoremIpsum的段落有很多变体，但是大多数都因注入幽默感或看起来有些难以置信的随机单词而以某种形式发生了变化LoremIpsum的段落有很多变体，但是大多数都因注入幽默感或看起来有些难以置信的随机单词而以某种形式发生了变化LoremIpsum的段落有很多变体，但是大多数都因注入幽默感或看起来有些难以置信的随机单词而以某种形式发生了变化LoremIpsum的段落有很多变体，但是大多数都因注入幽默感或看起来有些难以置信的随机单词而以某种形式发生了变化LoremIpsum的段落有很多变体，但是大多数都因注入幽默感或看起来有些难以置信的随机单词而以某种形式发生了变化LoremIpsum的段落有很多变体，但是大多数都因注入幽默感或看起来有些难以置信的随机单词而以某种形式发生了变化LoremIpsum的段落有很多变体，但是大多数都因注入幽默感或看起来有些难以置信的随机单词而以某种形式发生了变化.',
			label : 'HTML,CSS,PHP',
			likesNum: 200,
			commentsNum: 20,
			viewsNum: 1200
		}]
	};
	postInit(post);*/
	requestPost(1);
	
});


